@import "global";
@import "common";
.recharge-body { width: $width;
  margin: {top: 190px; left: auto; right: auto; bottom: 100px;}
  // .el-breadcrumb { width: 100%; height: 30px; line-height: 14px; @extend %h7;}
  // .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: nth($color, 7); }
  // .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { color: nth($color, 7); }
  // .el-breadcrumb__separator[class*=icon] { margin: 0;}

  // .recharge-content {background-color: nth($color, 1);
  //   padding: {left: 30px; right: 30px; bottom: 100px;}
  //   border: {
  //     radius: 6px;}
  //   .recharge-content_title {
  //     margin-top: 10px;
  //     border-bottom: 1px solid nth($list: $color, $n: 11);
  //     box-sizing: border-box;
  //     height: 60px;
  //     line-height: 60px;
  //     color: nth($list: $color, $n: 5);
  //     @extend %h6;
  //     font-weight: normal;
  //   }
  //   .el-radio-group {
  //     margin: { top: 20px; bottom: 56px;}
  //     .el-radio-button {
  //       margin: { right: 20px; bottom: 20px;}
  //       .el-radio-button__inner {width: 190px; height: 94px; background-color: #f7f7f7; position: relative;
  //         padding: { top: 10px; bottom: 10px; left: 15px; right: 15px;}
  //         border: { style: solid; width: 2px; color: #ccc; radius: 4px;}
  //         .info { height: 35px; @extend %h4; color: #333;
  //           span { display: inline-block; height: 35px; line-height: 35px; font-size: 44px;}
  //         }
  //         .price { height: 16px; margin-top: 18px;
  //           .price_new {display: inline-block; height: 16px; line-height: 16px; @extend %h6; color: #333; }
  //           .price_old {display: inline-block; height: 16px; line-height: 22px; @extend %h7; color: #333; text-decoration: line-through; margin-left: 8px; }
  //         }
  //         .badge { display: none; position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-top: 32px solid #f27342; border-left: 32px solid transparent;
  //           .el-icon-check { position: absolute; top: -28px; left: -15px;}
  //         }
  //       }
  //     }
  //     .is-active {
  //       .el-radio-button__inner { background-color: #fef4f0; border-color: nth($color, 9);
  //         .info { text-align: left; color: nth($color, 9)}
  //         .price {text-align: left;
  //           .price_new { color: nth($color, 9)}
  //         }
  //         .badge { display: block;}
  //       }
  //     }
  //   }
  //   .recharge-content_info { color: nth($color, 4); margin-bottom: 20px;
  //     span {@extend %h3; color: nth($color, 9);}
  //   }
  //   .recharge-info { @extend %h7; font-weight: bold; color: nth($color, 5); line-height: 34px; background-color: #fdfcf2;
  //     margin: {top: 40px;}
  //     padding: {top: 25px; bottom: 25px; left: 20px; right: 20px;}
  //     border: {style: solid; width: 1px; color: #fde6dd;}
  //     label { display: block; color: nth($color, 9); @extend %h6;}
  //     span { color: nth($color, 10);}
  //   }

  // }
}